<template>
  <div class='cpcForm'>
    <el-dialog
      title="CPC"
      :visible.sync="isShow"
      center
      :close-on-click-modal='false'
      :before-close="handleClose">
      <el-form :model="form" :rules="rules" ref="ruleForm"  @submit.native.prevent >
        <el-row :gutter="20"> 
          <el-col :span="12">
            <el-form-item label="委托书" prop="attorney_file">
              <el-upload 
                class="upload-demo" 
                ref="upload" 
                :auto-upload="false" 
                :on-change="attorneyFileChange"
                action=""
                :file-list="fileList" 
                :http-request="uploadSectionFile" 
                :on-remove="handleRemove"
                multiple 
                :limit="1">
                <!-- <div slot="tip" class="el-upload__tip">选择的文件</div> -->
                <el-button v-no-more-click:8000 slot="trigger" size="small" type="primary">选择文件</el-button>
                <!-- <el-button v-no-more-click:8000 style="margin-left: 10px;" size="small" type="success" @click="submitUploadDG">确认发送</el-button> -->
              </el-upload>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="委托人" prop="agent_name">
              <el-input v-model="form.agent_name" placeholder="请输入委托人"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-divider content-position="left">申请人信息</el-divider>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="申请人类型" prop="sqrlx">
              <el-select v-model="form.sqrlx" placeholder="请选择申请人类型">
                <el-option
                  v-for="item in sqrlxOptions"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="申请人用户代码" prop="sqryhdm">
              <el-input v-model="form.sqryhdm" placeholder="请输入申请人用户代码"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20" class="rowCenter">
          <el-col :span="8">
            <el-form-item label="申请人个人身份证号或组织结构代码" prop="sqrgrsfzhhzzjgdm">
              <el-input v-model="form.sqrgrsfzhhzzjgdm" placeholder="申请人个人身份证号或组织结构代码"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="申请人所在省自治区直辖市名称编码" prop="sqrszzqmc">
              <el-input v-model="form.sqrszzqmc" placeholder="申请人所在省自治区直辖市名称编码，比如420000表示湖北"></el-input>
            </el-form-item>
          </el-col>
           <el-col :span="8">
            <el-form-item label="申请人费减备案" prop="fjba" class="m0 mt20">
              <!-- <el-input v-model="form.fjba" placeholder="申请人费减备案"></el-input> -->
              <el-checkbox v-model="form.fjba"></el-checkbox>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="申请人市县名称编码" prop="sqrsxmc">
              <el-input v-model="form.sqrsxmc" placeholder="申请人市县名称编码，比如420100表示武汉"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="申请人详细地址" prop="sqrcqxjdmph">
              <el-input v-model="form.sqrcqxjdmph" placeholder="申请人详细地址"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="申请人邮政编码" prop="sqryzbm">
              <el-input v-model="form.sqryzbm" placeholder="申请人邮政编码"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="申请人电话" prop="sqrdh">
              <el-input v-model="form.sqrdh" placeholder="申请人电话"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <!-- <el-row :gutter="20">
         
          <el-col :span="12">

          </el-col>
        </el-row> -->
        <el-divider content-position="left">联络人信息</el-divider>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="联络人邮政编码" prop="lxryzbm">
              <el-input v-model="form.lxryzbm" placeholder="联络人邮政编码"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="联络人省自治区直辖市编码" prop="lxrszzqmc">
              <el-input v-model="form.lxrszzqmc" placeholder="联络人省自治区直辖市编码"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="联络人市县名称编码" prop="lxrsxmc">
              <el-input v-model="form.lxrsxmc" placeholder="联络人市县名称编码"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="联络人详细地址" prop="lxrcqxjdmph">
              <el-input v-model="form.lxrcqxjdmph" placeholder="联络人详细地址"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-divider content-position="left">分案申请</el-divider>
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="原分案申请号" prop="fasqh">
              <el-input v-model="form.fasqh" placeholder="原分案申请号"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="针对得分案申请号" prop="zdfasqh">
              <el-input v-model="form.zdfasqh" placeholder="针对得分案申请号"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="分案申请日" prop="fasqr">
              <el-input v-model="form.fasqr" placeholder="分案申请日"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-divider content-position="left">要求优先权声明</el-divider>
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="不丧失新颖性声明首次展出" prop="bssxyxsmsczc">
              <!-- <el-input v-model="form.bssxyxsmsczc" placeholder="不丧失新颖性声明首次展出"></el-input> -->
              <el-checkbox v-model="form.bssxyxsmsczc"></el-checkbox>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="不丧失新颖性声明首次发表" prop="bssxyxsmscfb">
              <!-- <el-input v-model="form.bssxyxsmscfb" placeholder="不丧失新颖性声明首次发表"></el-input> -->
              <el-checkbox v-model="form.bssxyxsmscfb"></el-checkbox>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="不丧失新颖性泄露其内容" prop="bssxyxsmxlnr">
              <!-- <el-input v-model="form.bssxyxsmxlnr" placeholder="不丧失新颖性泄露其内容"></el-input> -->
              <el-checkbox v-model="form.bssxyxsmxlnr"></el-checkbox>
            </el-form-item>
          </el-col>
        </el-row>
        <!-- <el-row :gutter="20">
          
        </el-row> -->
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="摘要附图" prop="zyft">
              <el-input v-model="form.zyft" placeholder="摘要附图"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="发明专利请求书页数" prop="sqwjqdfmzlys">
              <el-input v-model="form.sqwjqdfmzlys" placeholder="发明专利请求书页数"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20"  class="rowCenter">
          <el-col :span="12">
            <el-form-item label="权利要求超项数" prop="sqwjqdxs">
              <el-input v-model="form.sqwjqdxs" placeholder="权利要求超项数"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="请求提前公开" prop="tqgk"  class="m0 mt20">
              <!-- <el-input v-model="form.tqgk" placeholder="请求提前公开"></el-input> -->
              <el-checkbox v-model="form.tqgk"></el-checkbox>
            </el-form-item>
          </el-col>
        </el-row>
        <!-- 发明专利可填 -->
        <template v-if="orderType == '发明专利'">
          <el-divider content-position="left">发明专利选填</el-divider>
          <el-row :gutter="20">
            <el-col :span="12">
              <el-form-item label="生物材料保藏单位" prop="swclbcdw">
                <el-input v-model="form.swclbcdw" placeholder="生物材料保藏单位"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="生物材料保藏地址" prop="swcldz">
                <el-input v-model="form.swcldz" placeholder="生物材料保藏地址"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="12">
              <el-form-item label="生物材料保藏日期" prop="swclbcrq">
                <el-input v-model="form.swclbcrq" placeholder="生物材料保藏日期"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="生物材料保藏编号" prop="swclbh">
                <el-input v-model="form.swclbh" placeholder="生物材料保藏编号"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="12">
              <el-form-item label="生物材料分类命名" prop="swclfl">
                <el-input v-model="form.swclfl" placeholder="生物材料分类命名"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="生物材料存活情况" prop="swclchqk">
                <el-input v-model="form.swclchqk" placeholder="生物材料存活情况"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </template>
        <!-- 外观设计可填 -->
        <template v-else-if="orderType == '外观设计'">
          <el-divider content-position="left">外观设计选填</el-divider>
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="要素结合形状标记" prop="ysjhxzbj">
                <!-- <el-input v-model="form.ysjhxzbj" placeholder="要素结合形状标记"></el-input> -->
                <el-checkbox v-model="form.ysjhxzbj"></el-checkbox>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="要素结合图案标记" prop="ysjhtabj">
                <!-- <el-input v-model="form.ysjhtabj" placeholder="要素结合图案标记"></el-input> -->
                <el-checkbox v-model="form.ysjhtabj"></el-checkbox>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="要素结合色彩标记" prop="ysjhscbj">
                <!-- <el-input v-model="form.ysjhscbj" placeholder="要素结合色彩标记"></el-input> -->
                <el-checkbox v-model="form.ysjhscbj"></el-checkbox>
              </el-form-item>
            </el-col>

          </el-row>
          <el-row :gutter="20">
             <el-col :span="8">
              <el-form-item label="要求保护色彩标记" prop="yqbhscbj">
                <!-- <el-input v-model="form.yqbhscbj" placeholder="要求保护色彩标记"></el-input> -->
                 <el-checkbox v-model="form.yqbhscbj"></el-checkbox>
              </el-form-item>
            </el-col>
             <el-col :span="8">
              <el-form-item label="指定基本设计" prop="zdjbsj">
                <el-input v-model="form.zdjbsj" placeholder="指定基本设计"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="无限定边界的平面产品代码" prop="wxdbjpmcpdm">
                <el-input v-model="form.wxdbjpmcpdm" placeholder="无限定边界的平面产品代码"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="细长物品的长度采用省略画法标记" prop="xcwpcdcyslhfbj">
                <el-input v-model="form.xcwpcdcyslhfbj" placeholder="细长物品的长度采用省略画法标记"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="特殊材料代码" prop="tscldm">
                <el-input v-model="form.tscldm" placeholder="特殊材料代码"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="具有特殊视觉效果的新材料" prop="jytssjxgcl">
                <el-input v-model="form.jytssjxgcl" placeholder="具有特殊视觉效果的新材料"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="不属于请求保护的代码" prop="bsyqqbhdm">
                <el-input v-model="form.bsyqqbhdm" placeholder="不属于请求保护的代码"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="不属于请求保护的内容" prop="bsyqqbhnr">
                <el-input v-model="form.bsyqqbhnr" placeholder="不属于请求保护的内容"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="图片用户界面界面用途" prop="jmyt">
                <el-input v-model="form.jmyt" placeholder="图片用户界面界面用途"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <!-- <el-row :gutter="20">
            
          </el-row> -->
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="图形用户界面在产品中的区域" prop="txyhjmwz">
                <el-input v-model="form.txyhjmwz" placeholder="图形用户界面在产品中的区域"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="图形用户界面人机交互方式" prop="txyhjmrjjh">
                <el-input v-model="form.txyhjmrjjh" placeholder="图形用户界面人机交互方式"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="图形用户界面变化状态" prop="txyhjmbhzt">
                <el-input v-model="form.txyhjmbhzt" placeholder="图形用户界面变化状态"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="套件" prop="other_tj">
                <el-input v-model="form.other_tj" placeholder="套件"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="组件" prop="other_zj">
                <el-input v-model="form.other_zj" placeholder="组件"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="变化状态" prop="other_bhzt">
                <el-input v-model="form.other_bhzt" placeholder="变化状态"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <!-- <el-row :gutter="20">
            
          </el-row> -->
          <!-- <el-row :gutter="20">
            
          </el-row> -->
          <el-row :gutter="20">
            <el-col :span="12">
              <el-form-item label="参考图说明" prop="other_chtsm">
                <el-input v-model="form.other_chtsm" placeholder="参考图说明"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="其他" prop="other_qt">
                <el-input v-model="form.other_qt" placeholder="其他"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </template>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button @click="handleClose">取 消</el-button>
        <el-button type="primary" @click="submit('ruleForm')">确 定</el-button>
      </span>
    </el-dialog>
    <a :href="cpcDownload" ref="cpcRef" id='cpcDownloadDOM'></a>
  </div>
</template>

<script>
import axios from "axios";
export default {
  data () {
    return {
      isShow: false,
      form: {
        attorney_file: null,
        agent_name: '',
        sqrlx: 1,
        sqryhdm: '',
        sqrgrsfzhhzzjgdm: '',
        sqrszzqmc: '',
        sqrsxmc: '',
        sqrcqxjdmph: '',
        sqryzbm: '',
        sqrdh: '',
        fjba: false,
        lxryzbm: '',
        lxrszzqmc: '',
        lxrsxmc: '',
        lxrcqxjdmph: '',
        fasqh: '',
        zdfasqh: '',
        fasqr: '',
        bssxyxsmsczc: false,
        bssxyxsmscfb: false,
        bssxyxsmxlnr: false,
        zyft: '',
        sqwjqdfmzlys: '',
        sqwjqdxs: '',
        swclbcdw: '',
        swcldz: '',
        swclbcrq: '',
        swclbh: '',
        swclfl: '',
        swclchqk: '',
        tqgk: false,
        ysjhxzbj: false,
        ysjhtabj: false,
        ysjhscbj: false,
        yqbhscbj: false,
        zdjbsj: '',
        wxdbjpmcpdm: '',
        xcwpcdcyslhfbj: '',
        jytssjxgcl: '',
        bsyqqbhdm: '',
        bsyqqbhnr: '',
        jmyt: '',
        txyhjmwz: '',
        txyhjmrjjh: '',
        txyhjmbhzt: '',
        other_tj: '',
        other_zj: '',
        other_bhzt: '',
        other_chtsm: '',
        other_qt: '',
      },
      rules: {
        sqrlx: [
          { required: true, message: '请选择申请人类型', trigger: 'change' }
        ],
        sqryhdm: [
          { required: true, message: '请输入申请人用户代码', trigger: 'change' }
        ],
        sqrgrsfzhhzzjgdm: [
          { required: true, message: '请输入申请人个人身份证号或组织结构代码', trigger: 'change' }
        ],
        sqrszzqmc: [
          { required: true, message: '请输入申请人所在省自治区直辖市名称编码', trigger: 'change' }
        ],
        sqrsxmc: [
          { required: true, message: '请输入申请人市县名称编码', trigger: 'change' }
        ],
        sqrcqxjdmph: [
          { required: true, message: '请输入申请人详细地址', trigger: 'change' }
        ],
        sqryzbm: [
          { required: true, message: '请输入申请人邮政编码', trigger: 'change' }
        ],
        lxryzbm: [
          { required: true, message: '请输入联络人邮政编码', trigger: 'change' }
        ],
        lxrszzqmc: [
          { required: true, message: '请输入联络人省自治区直辖市编码', trigger: 'change' }
        ],
        lxrsxmc: [
          { required: true, message: '请输入联络人市县名称编码', trigger: 'change' }
        ],
        lxrcqxjdmph: [
          { required: true, message: '请输入联络人详细地址', trigger: 'change' }
        ],
      },
      orderData: {},
      formData: {},
      fileList: [],
      fileListV: [],
      baseUrl: global.baseurl,
      orderType: null,
      sqrlxOptions: [
        {
          label: '大专院校',
          value: 0,
        },
        {
          label: '科研单位',
          value: 1,
        },
        {
          label: '工矿企业',
          value: 2,
        },
        {
          label: '事业单位',
          value: 3,
        },
        {
          label: '个人',
          value: 4,
        },
      ],
      position: 'top',
      id: null,
      cpcDownload:'',
      cpcDownloadDOM: null
    }
  },
  created () {
    if(process.client) { 
      this.cpcDownloadDOM = document.getElementById('cpcDownloadDOM')
    }
  },
  methods: {
    getdata (id) {
      this.$axios.get(`api/cpc/datas/${id}`).then (res => {
        if (res.data.code == 200) {
          this.orderType = res.data.data.type
          let data = res.data.data.data
          if (data) {
            let invention = data.invention
            if (res.data.data.type == '外观设计') {
              let apperance = data.apperance
              for (let apperanceKey in apperance) {
                if (this.form[apperanceKey] == '') {
                  this.form[apperanceKey] = apperance[apperanceKey]
                }
              }
              for (let otherKey in apperance.other) {
                if (this.form[`otherKey_${otherKey}`] == '') {
                  this.form[`otherKey_${otherKey}`] = apperance.other[otherKey]
                }
              }
              this.form.ysjhscbj = apperance.ysjhscbj == 0 ? false : true
              this.form.ysjhtabj = apperance.ysjhtabj == 0 ? false : true
              this.form.ysjhxzbj = apperance.ysjhxzbj == 0 ? false : true
              if (this.form.ysjhscbj) {
                this.form.yqbhscbj = true
              }
            } else if (res.data.data.type == '实用新型') {
              invention = data
            } else {
            }
            console.log(invention)
            this.form.bssxyxsmscfb = invention.bssxyxsmscfb == 0 ? false : true
            this.form.bssxyxsmsczc = invention.bssxyxsmsczc == 0 ? false : true
            this.form.bssxyxsmxlnr = invention.bssxyxsmxlnr == 0 ? false : true
            this.form.sqwjqdfmzlys = invention.sqwjqdfmzlys ? invention.sqwjqdfmzlys : ''
            this.form.sqwjqdxs = invention.sqwjqdxs ? invention.sqwjqdxs : ''
            this.form.zyft = invention.zyft ? invention.zyft : ''
            this.form.tqgk = invention.tqgk == 0 ? false : true
            // 分案申请
            for (let fasqKey in invention.fasq) {
              if (this.form[fasqKey] == '') {
                this.form[fasqKey] = invention.fasq[fasqKey]
              }
            }
            // 联系人信息
            for (let lxrKey in invention.lxrData) {
              if (this.form[lxrKey] == '') {
                this.form[lxrKey] = invention.lxrData[lxrKey]
              }
            }
            // 申请人信息
            for (let sqrKey in invention.sqrList) {
              if (this.form[`sqr${sqrKey}`] == '') {
                this.form[`sqr${sqrKey}`] = invention.sqrList[sqrKey]
                if (sqrKey == 'fjba') {
                  this.form.fjba = invention.sqrList['fjba'] == 1 ? true : false
                }
              }
              if (sqrKey == 'sqrlx') {
                this.form.sqrlx = invention.sqrList.sqrlx
              }
            }
          }
        } else {
          this.$alert(res.data.message, '提示', {
            confirmButtonText: '确定',
            callback: action => {
            }
          })
        }
      })
    },
    show (row) {
      this.isShow = true
      this.id = row.id
      this.getdata(row.id)
    },
    submit (formName) {
      this.$refs[formName].validate((valid) => {
        if (valid) {
          this.submitPost()
          // this.isShow = false
        } else {
          return false
        }
      });
    },
    submitPost () {
      let params = {
      }
      if (this.form.attorney_file) {

        if (this.form.agent_name == '') {
          this.$alert('请填写委托人！', '提示', {
            confirmButtonText: '确定',
            callback: action => {
            }
          })
          return
        }
        params = new FormData();
        this.form.attorney_file = this.fileListV.raw
        for (let key in this.form) {
          if (this.form[key] != '' && this.form[key] != null) {
            params.append(key, this.form[key]);
          }
        }
        params.append('attorney_file', this.fileListV[0].raw);
        axios({
					method: "post",
					url: `${this.baseUrl}/api/cpc/files/${this.id}`,
					data: params,
					headers: {
						"Content-Type": "multipart/form-data",
						Authorization: "Bearer " + this.$store.state.token
					}
				})
				.then(res=>{
					if(res.data.code == 200){
						this.handleClose()
            this.packCPCFile()
					} else{
						this.$alert(res.data.message, '提示', {
              confirmButtonText: '确定',
              callback: action => {
              }
            })
					}
				})
        
      } else {
        for (let key in this.form) {
          if (this.form[key] != '' && this.form[key] != null) {
            params[key] = this.form[key]
          }
        }
        this.$axios.post(`api/cpc/files/${this.id}`, params).then( res => {
          if (res.data.code == 200) {
            this.handleClose()
            this.packCPCFile()
          } else {
            this.$alert(res.data.message, '提示', {
              confirmButtonText: '确定',
              callback: action => {
              }
            })
          }
        })
      }
    },
    uploadSectionFile(){

    },
    attorneyFileChange (file, fileList) {
      this.fileListV = fileList
      console.log(this.fileListV)
      this.form.attorney_file = fileList
    },
    handleRemove(file, fileList) {
      this.fileListV = fileList;
    },
    handleClose () {
      this.$refs['ruleForm'].resetFields()
      this.isShow = false
    },
    packCPCFile () {
      this.cpcDownloadDOM.href = `${this.baseUrl}/api/cpc/sender/${this.id}?finals=${this.id}`
      this.cpcDownloadDOM.click()
    }
  }
}
</script>

<style lang='less' type='text/css' scoped>
  .cpcForm {
    /deep/.el-dialog {
      width: 60%;
      min-width: 850px;

      .rowCenter {
        display: flex;
        align-items: center;
      }
      .m0 {
        margin-bottom: 0px;
      }
      .el-divider {
        .el-divider__text {
          font-size: 16px;
          font-weight: 700;
        }
      }
    }
  }
</style>
